<!DOCTYPE html>
<html class="no-js">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <!-- 启用360浏览器的极速模式(webkit) -->
  <meta name="renderer" content="webkit">
  <!-- 避免IE使用兼容模式 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
  <meta name="HandheldFriendly" content="true">
  <!-- 微软的老式浏览器 -->
  <meta name="MobileOptimized" content="320">
  <!-- uc强制竖屏 -->
  <meta name="screen-orientation" content="portrait">
  <!-- QQ强制竖屏 -->
  <meta name="x5-orientation" content="portrait">
  <!-- UC强制全屏 -->
  <meta name="full-screen" content="yes">
  <!-- QQ强制全屏 -->
  <meta name="x5-fullscreen" content="true">
  <!-- UC应用模式 -->
  <meta name="browsermode" content="application">
  <!-- QQ应用模式 -->
  <meta name="x5-page-mode" content="app">
  <!-- windows phone 点击无高光 -->
  <meta name="msapplication-tap-highlight" content="no">
  <!-- 适应移动端end -->
	<title>水果拼团网站</title>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
	<div id="user-b">
		<!--html5 nav-->
		<nav class="j-nav navbar">
	        <div class="logo fl">
				<a href="user.html"></a>
			</div>
			<span class="user-title">我的订单</span>
			<div class="shopping-cart fr">
				<a href="index.html"></a>
			</div>
	    </nav>
	    <div class="myorder-tab">
	    	<div class="myorder-nav">
		    	<ul id="tab_btn" class="coupon-list">
		    		<li class="pick">全部订单</li>
		    		<li><span class="bar"></span>待付款</li>
		    		<li><span class="bar"></span>待收货</li>
		    	</ul>
		    	<div class="cl"></div>
		    </div>
		    <div class="myorder-content">
		    	<ul>
		    		<li class="mc-all cc-one tab_content show">
		    			<ul>
		    				<li>
		    					<a href="orderdetails.html">
		    						<div class="mc-sum-box">
			    						<div class="myorder-sum fl"><img src="images/pay1.jpg"></div>
				    					<div class="myorder-text">
				    						<h1>越南进口白肉火龙果</h1>
				    						<h2>规格：2个装</h2>
				    						<div class="myorder-cost">
				    							<span>数量:1</span>
				    							<span class="mc-t">￥14.00/件</span>
				    						</div>
				    					</div>
			    					</div>
			    					<div class="mc-sum-Am">
			    						共1件商品，免运费<span>实付：<span class="mc-t">￥14.00</span></span>
			    					</div>
			    					<h3>已付款，已发货</h3>
		    					</a>
		    				</li>
		    				<li>
		    					<div class="mc-sum-box">
		    						<div class="myorder-sum fl"><img src="images/myorder2.jpg"></div>
			    					<div class="myorder-text">
			    						<h1>优选越南青皮金煌芒果</h1>
			    						<h2>规格：4斤装</h2>
			    						<div class="myorder-cost">
			    							<span>数量:1</span>
			    							<span class="mc-t">￥49.00/件</span>
			    						</div>
			    					</div>
		    					</div>
		    					<div class="mc-sum-Am">
		    						共1件商品，免运费<span>实付：<span class="mc-t">￥49.00</span></span>
		    					</div>
		    					<h3>未付款</h3>
		    				</li>
		    			</ul>
		    		</li>
		    		<li class="mc-all mc-two tab_content">
		    			<ul>
		    				<li>
		    					<div class="mc-sum-box">
		    						<div class="myorder-sum fl"><img src="images/myorder2.jpg"></div>
			    					<div class="myorder-text">
			    						<h1>优选越南青皮金煌芒果</h1>
			    						<h2>规格：4斤装</h2>
			    						<div class="myorder-cost">
			    							<span>数量:1</span>
			    							<span class="mc-t">￥49.00/件</span>
			    						</div>
			    					</div>
		    					</div>
		    					<div class="mc-sum-Am">
		    						共1件商品，免运费<span>实付：<span class="mc-t">￥49.00</span></span>
		    					</div>
		    					<h3>未付款</h3>
		    				</li>
		    			</ul>
		    		</li>
		    		<li class="mc-all mc-three tab_content">
		    			<ul>
		    				<li>
		    					<div class="mc-sum-box">
		    						<div class="myorder-sum fl"><img src="images/pay1.jpg"></div>
			    					<div class="myorder-text">
			    						<h1>越南进口白肉火龙果</h1>
			    						<h2>规格：2个装</h2>
			    						<div class="myorder-cost">
			    							<span>数量:1</span>
			    							<span class="mc-t">￥14.00/件</span>
			    						</div>
			    					</div>
		    					</div>
		    					<div class="mc-sum-Am">
		    						共1件商品，免运费<span>实付：<span class="mc-t">￥14.00</span></span>
		    					</div>
		    					<h3>已付款，已发货</h3>
		    				</li>
		    			</ul>
		    		</li>
		    	</ul>
		    </div>
	    </div>
	    <!--footer begin-->
		<footer class="footer">
	        <nav>
	            <ul>
	                <li><a href="index.html" class="nav-controller"><div class="fb-home"></div>首页</a></li>
	                <li><a href="groups.html" class="nav-controller"><div class="fb-group"></div>我的拼团</a></li>
	                <li><a href="javascript:void(0);" class="nav-controller active"><div class="fb-list"></div>我的订单</a></li>
	                <li><a href="user.html" class="nav-controller"><div class="fb-user"></div>个人中心</a></li>
	            </ul>
	        </nav>
	    </footer>
	    <!--footer end-->
	</div>
	<script type="text/javascript">
    //TAB切换
    var tab_Btns_box=document.getElementById('tab_btn');
    var tab_Btns=tab_Btns_box.getElementsByTagName('li');
    var tab_contents=document.getElementsByClassName('tab_content');
    for(var i=0;i<tab_Btns.length;i++){
    tab_Btns[i].index=i;

    tab_Btns[i].onclick=function(){
     for(var i=0;i<tab_Btns.length;i++){
     if(i!==this.index){
     tab_Btns[i].classList.remove('pick')
     }
     }
     tab_Btns[this.index].className="pick";

     for(var j=0;j<tab_contents.length;j++){
     if(j!==this.index){
         tab_contents[j].classList.remove('show');
     }
         tab_contents[this.index].classList.add('show');
     }
    }
    }
    </script>
</body>
</html>